.base_warp {
  background: #f5f5f5;
  width: 100%;
  height: 100%;

  .nav_warp {
    min-height: calc(100vh - 60px);
    height: auto;
    background: #ffffff;
    .nav-box {
      height: 100%;
    }
  }

  .main_warp {
    padding: 20px;
    height: calc(100vh - 60px);
    overflow-y: scroll;
    .inside_box {
      min-height: 100%;
      height: auto;
      background: #ffffff;
      .search_bar {
        padding: 20px;
        .select_With {
          width: 158px;
        }
        .inputWidth {
          width: 300px;
        }
        .ant-form-item-label {
          text-align: left;
        }
        @media only screen and(min-width:1024px) and(max-width: 1366px) {
          .search_input {
            height: 36px;
            width: 3.2rem;
          }
        }
        @media only screen and(min-width:1367px) {
          .search_input {
            height: 36px;
            width: 2.8rem;
          }
        }
        .ant-input {
          height: 36px;
        }
      }
      .search_btn {
        padding-left: 20px;
      }
      .divider_box {
        padding: 0 20px;
        .divider {
          margin: 0px;
        }
      }

      .table_warp {
        padding: 20px;
        .tableUrlStyle {
          width: 200px;
          overflow: hidden;
          text-overflow: ellipsis;
          // white-space: nowrap;
        }
      }
      .page_warp {
        text-align: center;
        margin-top: 20px;
      }
    }
  }
}
